<template>
	<view>
		<view class="flex align-center pt-2 px-3" v-if="showTitle">
			<text class="font-md font-weight-bold">{{title}}</text>
		</view>
		<slot></slot>
		<view v-if="showRefresh" 
		class="flex align-center justify-center py-2 text-main" hover-class="text-main-hover"
		@tap="$emit('refresh',$event)" style="height: 30rpx;">
			<text class="iconfont iconshuaxin"></text>
			<text class="font-sm">换一批</text>
		</view>
	</view>
</template>

<script>
	export default {
		props:{
			title:{
				type:String,
				default:''
			},
			showRefresh:{
				type:Boolean,
				default:true
			},
			showTitle:{
				type:Boolean,
				default:true
			}
		}
	}
</script>

<style>
</style>
